<template>
	<div>
		<el-dialog title="查看详情" width="800px" @open="open" class="icon-dialog" :visible.sync="show" :before-close="closeForm" append-to-body>
      <el-form>
        <el-row>
          <el-col :span="6">
            <el-form-item label="员工姓名">{{form.fname}} </el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="图片">
              <el-image  style="width: 80px;height: 80px" v-if="form.feature" class="table_list_pic" :src="form.feature"  :preview-src-list="[form.feature]"></el-image>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row>
          <el-col :span="6">
            <el-form-item label="车间:">{{form.department}} </el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="基本工资:">
             {{form.basicPay}}
            </el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="绩效工资:">{{form.meritPay}}</el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <el-form-item label="岗位工资:">{{form.postWage}} </el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="职工工资:">{{form.workerPay}}</el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="住房补贴:">{{form.houseSubsidy}}</el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <el-form-item label="通勤补贴:">{{form.commutingSubsidy}} </el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="岗位津贴:">{{form.postSubsity}}</el-form-item>
          </el-col>
          <el-col :span="8" >
            <el-form-item label="保险补助:">{{form.insurance}}</el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <el-form-item label="社保:">{{form.socialSecurity}} </el-form-item>
          </el-col>

        </el-row>
      </el-form>
		</el-dialog>
	</div>
</template>
<script>
import { detail  } from '@/api/app/ipaduser'
export default {
	name:'ipadUserdetail',
	props: {
		show: {
			type: Boolean,
			default: true
		},
		size: {
			type: String,
			default: 'mini'
		},
		info: {
			type: Object,
		},
	},
	data() {
		return {
			form:{
			},
		}
	},
	watch:{
		show(val){
			if(val){
			}
		}
	},
	methods: {
		open(){
			detail(this.info).then(res => {
				this.form = res.data
			})
		},
		closeForm(){
			this.$emit('update:show', false)
		}
	}
}
</script>
<style  lang="scss">
@import '@/assets/scss/common.scss'
</style>
